overview: Don't show black panel on startup

The back → transparent transition gives it a very bad look when
booting and running the startup animation.

Use the same transition duration hack to ensure that the panel
starts completely transparent.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1678>

diff --git a/js/ui/overview.js b/js/ui/overview.js
index 209be42030844213e3842468d166a5f0a93a387c..78736e513eb69f3f3516b53bc3be68b9290fab3f 100644 (file)
--- a/js/ui/overview.js
+++ b/js/ui/overview.js
@@ -652,6 +652,8 @@ var Overview = class {
     }
 
     runStartupAnimation(callback) {
+        Main.panel.style = 'transition-duration: 0ms;';
+
         this._shown = true;
         this._visible = true;
         this._visibleTarget = true;
@@ -663,6 +665,7 @@ var Overview = class {
         this.emit('showing');
 
         this._overview.runStartupAnimation(() => {
+            Main.panel.style = null;
             this.emit('shown');
             callback();
         });